<template>
  <div class="gps_map">
    <baidu-map
      class="map"
      center="河南"
      ak="ydQSqxFvhi32yEHGTo8rEqxpvfBMvE85"
      :scroll-wheel-zoom="true"
    >
      <bm-overview-map anchor="BMAP_ANCHOR_BOTTOM_RIGHT" :isOpen="true" :scroll-wheel-zoom="true"></bm-overview-map>
    </baidu-map>
  </div>
</template>

<script>
import { BaiduMap, BmOverviewMap } from "vue-baidu-map";
export default {
  components: {
    BaiduMap,
    BmOverviewMap
  },
};
</script>

<style lang="scss" scoped>
.gps_map {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}
.map {
  width: 100%;
  height: 100%;
}
</style>